
.login-wrapper {
  position: relative;
  width: 100vw;
  height: 100vh;
  h1 {
    width: 250px;
    height: 50px;
    // background-color: aqua;
    align-items: center;
    margin: 0px auto;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    // margin-top: 100px;
    padding-top: 120px;
  }
  .login-container {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 530px;
    height: 280px;
    // background-color: rgba(0, 255, 255, 0.3);
    // background-color: #EEFFFF;
    background: linear-gradient(to top, #EEF5FE 30%, #65AAE3);
    border-top-left-radius: 150px;
    border-top-right-radius: 150px;
    box-shadow: 2px 2px 8px #EEF5FE;
    margin: -25px auto;
    
    .login-header {
      width: 220px;
      padding: 5px 10px;
      margin: 20px auto;
      margin-bottom: 30px;
      display: flex;
      .logo {
        width: 50px;
        margin: 5px auto;
      }
      .title {
        height: 50px;
        line-height: 50px;
        text-align: center;
        font-weight: bold;
        margin-top: 15px;
        margin: 0 auto;
      }
    }
    // 表单样式
    .login-form {
      max-width: 420px;
      padding: 20px 30px;
      margin: 30px auto;
      background-color: #8bc1f3;
      border-radius: 15px;
      // background-color: #fff;
      // 表单子项行
      .ant-form-item {
        // 左侧标签
        .ant-form-item-label {
  
        }
        // 右侧控制
        .ant-form-item-control {
          // 输入框
          .ant-form-item-control-input {
            // 输入框内容
            .ant-form-item-control-input-content {
              // 输入框后缀容器（可以修改大小，通过高度）
              .ant-input-affix-wrapper {
                height: 40px;
                border-radius: 6px;
              }
            }
  
            // 登录按钮
            .login-form-button {
              height: 40px;
              border-radius: 3px;
            }
          }
        }
      }
    }
  }
}



.login-form-forgot {
  float: right;
}
.login-form-button {
  width: 100%;
}